@charset "UTF-8";
@import 'config';
.main {
  background: #e7e7e7;
  .swiper-container{
    .swiper-wrapper{
      .swiper-slide{
        img{
          @include w(750);
          @include h(640);
        }
      }
    }
    .swiper-pagination-bullet{
      @include w(20);
      @include h(20);
      @include mr(12);
      @include ml(12);
    }
    .swiper-pagination-bullet-active{
      background: #e30900;
    }

  }
  .pro-details{
    background: #ffffff;
    @include pad(6,28,28,32);
     h2{
       @include fs(28);
       color: #333333;
     }
    h3{
      @include fs(24);
      @include mt(12);
      @include mb(32);
      color: #cc0000;
    }
    span{
      @include fs(24);
      color: #cc0000;
      b{
        @include fs(48);
        color: #cc0000;
      }
    }
    p{
      @include fs(24);
      @include mt(20);
      @include mb(20);
      color: #666666;
    }
    .money{
      i{
        display: inline-block;
        @include fs(24);
        @include w(260);
        color: #666666;
      }
      span{
        display: inline-block;
        @include fs(24);
        @include w(220);
        color: #666666;
      }
      b{
        float: right;
        @include mr(20);
        @include fs(24);
        color: #666666;
      }
    }
  }
  .times{
    @include bord-top(1,double,#9e9e9e);
    @include border-butt(1,double,#9e9e9e);
    @include lh(68);
    @include pl(32);
    background: #ffffff;
    p{
      @include fs(24);
      color: #666666;
      b{
        @include fs(24);
        color: #666666;
      }
      s{
        @include fs(24);
        color: #666666;
      }
    }
  }
  .exchange{
    @include border-butt(1,double,#9e9e9e);
    @include lh(82);
    @include pl(32);
    @include pr(50);
    background: #ffffff;
    overflow: hidden;
    ul{
      float: left;
      li{
        float: left;
        @include pl(50);
        @include w(160);
        @include fs(24);
        color: #666666;
        background: url("../img/pro_list_8.png") no-repeat;
        @include bgp(1,22);
      }

    }
    a{
      display: block;
      float: right;
      @include fs(24);
      color: #666666;
    }

  }
  .discount{
    @include pl(32);
    @include pr(50);
    @include lh(82);
    background: #ffffff;
    overflow: hidden;
    a:nth-child(1){
      @include fs(24);
      @include pl(90);
      color: #666666;
      float: left;
      background: url("../img/pro_list_9.png")no-repeat;
      @include bgp(0,11)


    }
    a:nth-child(2){
      @include fs(24);
      color: #666666;
      float: right;
    }
  }
  .select{
    @include mt(22);
    background: #ffffff;
    .color{
      display: block;
      @include pl(32);
      @include pr(50);
      overflow: hidden;
      @include border-butt(1,double,#b1b1b1);
      @include lh(76);
      @include fs(24);
      color: #333333;
      span{
        float: right;
        @include fs(24);
        color: #666666;
      }
    }
    .parameter{
      display: block;
      @include pl(32);
      @include pr(50);
      @include lh(76);
      @include fs(24);
      color: #333333;
      overflow: hidden;
      span{
        float: right;
        @include fs(24);
        color: #666666;
      }
    }
  }
  .evaluate{
    text-align: center;
    @include lh(82);
    h3{
      display: inline-block;
      @include fs(24);
      @include pl(70);
      position: relative;
      @include t(10);
      //@include pr(18);
      color: #333333;
      background: url("../img/pro_list_10.png")no-repeat;
      @include bgp(0,10);
      margin: 0 auto;

    }
    &:before{
      content: '';
      display: inline-block;
      @include w(152);
      @include h(1);
      background: #999999
    }
    &:after{
      content: '';
      display: inline-block;
      @include w(152);
      @include h(1);
      background: #999999
    }
  }
  .pro-parameter{
    @include pad(28,50,42,32);
    background: #ffffff;
    h2{
      @include fs(28);
     color: #333333;
    }
    h3{
      @include fs(24);
      @include mt(38);
      color: #333333;
      @include mb(30);
      &:before{
        content: '';
        display: inline-block;
        @include w(58);
        @include h(58);
        @include mr(10);
        background: #88abda;
        border-radius: 50%;
        vertical-align: middle;
      }
    }
    p{
      @include fs(28);
      @include mb(26);
      color: #333333;
      text-align: justify;
    }
    span{
      display: block;
      @include fs(20);
      @include mb(48);
      color: #999999;
    }
    a{
      display: block;
      margin: 0 auto;
      text-align: center;
      background: #cc0000;
      @include fs(28);
      @include w(230);
      @include lh(52);
      @include bdr(40);
      color: #ffffff;
    }
  }
  .message{
    text-align: center;
    @include lh(82);
    h3{
      display: inline-block;
      @include fs(24);
      @include pl(70);
      position: relative;
      @include t(10);
      //@include pr(18);
      color: #333333;
      background: url("../img/pro_list_10.png")no-repeat;
      @include bgp(0,10);
      margin: 0 auto;

    }
    &:before{
      content: '';
      display: inline-block;
      @include w(152);
      @include h(1);
      background: #999999
    }
    &:after{
      content: '';
      display: inline-block;
      @include w(152);
      @include h(1);
      background: #999999
    }
  }
  .pro-message{
    &:after{
      content: '';
      display: block;
      width: 100%;
      @include h(20);
    }
    h2{
      background: #ffffff;
      @include pl(35);
      @include lh(60);
    }
    p{
      @include pl(35);
      @include fs(24);
      @include mt(12);
      @include mb(12);
      color: #333333;
    }
    p:nth-child(2){
      @include mt(32)
    }
    p:nth-child(6){
      @include mb(38)
    }
    a{
      display: block;
      background: #ffffff;
      color: #333333;
      @include fs(24);
      @include lh(70);
      text-align: center;

    }
  }
  .details{
    width: 100%;
    &:after{
      content: '';
      display: block;
      width: 100%;
      @include h(32);
      background: #ffffff;

    }
    img{
      width: 100%;
    }
  }
}